<!doctype html>
<html>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>${title} - ${site.name} - Powered by JEECMS</title>
<meta http-equiv="keywords" content="${content.tagStr!}"/>
<meta http-equiv="description" content="${content.description!}"/>
<!--[if lt IE 9]>
<script src="${resSys}/html5.js" type="text/javascript"></script>
<![endif]-->
<link href="/${res}/css/html5.css" rel="stylesheet" type="text/css"/>
<script src="${resSys}/jquery-1.9.1.min.js"></script>
<script src="${resSys}/jquery.slides.min.js" type="text/javascript"></script>
<script src="${resSys}/front.js" type="text/javascript"></script>
<script src="/${res}/js/common.js" type="text/javascript"></script>
<script src="${resSys}/galleria/galleria-1.2.9.min.js"></script>
<script src="${resSys}/galleria/themes/classic/galleria.classic.min.js"></script>
<link rel="stylesheet" href="${resSys}/galleria/themes/classic/galleria.classic.css">
<link href="/${res}/css/album.css" rel="stylesheet" media="screen" type="text/css">

<script type="text/javascript">
$(function() {
  Cms.attachment("${base}","${content.id}","${content.attachments?size}","attach");
  Cms.viewCount("${base}","${content.id}");
  Cms.siteFlow("${base}", location.href, document.referrer);
});
</script>
</head>
<body>
<div class="container">
	[#include "../include/页头顶栏.html"/]
    [#include "../include/标志和搜索.html"/]
    [#include "../include/页头导航栏.html"/]
	<div class="position">当前位置：<a href="${base}/">首页</a> > [#list channel.nodeList as n]<a href="${n.url}" target="_blank">${n.name}</a>[#if n_has_next] > [/#if][/#list] > 正文</div>
  [#if pic??]
    <div class="container">
        <div id="galleria">
          [#list content.pictures as p]
            <img src="${p.imgPath!}"/>
          [/#list]
        </div>
        <div class="clear-10"></div>
      </div>
<script>
                       
			Galleria.configure({
				transition: 'fade',
				responsive:true,
				height:600,
				width:600,
				clicknext:true,
				carousel:true,
				trueFullscreen:true,
				fullscreenTransition:'fade',
				lightbox: true
			});
			 Galleria.run('#galleria');
           // Galleria.run('#galleria', {transition: 'fade',responsive:true,height:400,width:500,clicknext:true,carousel:true,trueFullscreen:true});
 </script>
[#else]
 <div class="prompt">
	<dl>
		<dt></dt>
		<dd class="msg">尚未添加图集图片！</dd>
	</dl>
 </div>		
[/#if]  
<div id=efpPicList>
    <div id=efpPreGroup>
        <div id=efpPrePic onmouseover="this.className='selected'" onmouseout="this.className=''">
            <table cellSpacing=0>
            <tr>
            <td>			
            [@cms_content id=content.id next='1' channelId=channel.id]
            [#if tag_bean??]
            <a href="${tag_bean.url}"><img src="${tag_bean.typeImg!site.defImg}" alt="${tag_bean.title}"/></a>
            [#else]
            <a href="javascript:void(0)" alt=""><img src="/${res}/img/nophoto.jpg" alt="对不起，没有上一图集了！"/>
            [/#if]
            [/@cms_content]						  						
            </td>
            </tr>
            </table>
        </div>
        <div id=efpPreTxt><< 上一图集</div>
    </div>
    
    <div id=efpListLeftArr onMouseOver="this.className='selected'" onmouseout="this.className=''"></div>
    <div id=efpPicListCont>
        
        [#list content.pictures as p]
        <div class="pic">
        <div class="picCont">
        <img src="${p.imgPath!}"/>
        </div>
        </div>
        [/#list]
        
    </div>
    <div id=efpListRightArr onMouseOver="this.className='selected'" onmouseout="this.className=''"></div>
    
    <div id=efpNextGroup>
    <div id=efpNextPic onmouseover="this.className='selected'" onmouseout="this.className=''">
    <table cellSpacing=0>
    <tr>
    <td>			
    [@cms_content id=content.id next='0' channelId=channel.id]
    [#if tag_bean??]
    <a href="${tag_bean.url}"><img src="${tag_bean.typeImg!site.defImg}" alt="${tag_bean.title}"/></a>
    [#else]
    <a href="javascript:void(0)" alt=""><img src="/${res}/img/nophoto.jpg" alt="对不起，没有下一图集了！"/>
    [/#if]
    [/@cms_content]
    </td>
    </tr>
    </table>
    </div>
    <div id=efpPreTxt>下一图集 >></div>
    </div>
    
    
</div>
	[#include "../include/页脚友情链接栏.html"/]
	[#include "../include/页脚信息栏.html"/]
</div>
</body>
</html>